{extend name="common/base" /}
<!--title-->
{block name="titlekeyword"}
<title>{$content}</title>

{/block}
<!--下面 每个页面的特色css-->
{block name="titleStyle"}
<style type="text/css">
	div,
	span {
		width: 140px;
		height: 140px;
		margin: 20px;
		background: #9999CC;
		border: #000 1px solid;
		float: left;
		font-size: 17px;
		font-family: Roman;
	}

	div.mini {
		width: 30px;
		height: 30px;
		background: #CC66FF;
		border: #000 1px solid;
		font-size: 12px;
		font-family: Roman;
	}
</style>



{/block}

<!--代码主要内容-->
{block name="main"}
<h6>内容</h6>
<input type="button" onclick="abc()" value="改变 id 为 one 的元素的背景色为 #0000FF 蓝色" id="b1" />
<input type="button" onclick="abc1()" value="改变 id 为 one 的元素的背景色为 红色" id="b2" />
<br/>

<div id="one" class="mini">
	div id为one
</div>
<div id="two">
	div id为two
</div>

<div id="three" class="mini">
	div id为three
</div>


<span id="s_one" class="mini">
	span one
</span>

<span id="s_two">
	span two
</span>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>

<h6>代码</h6>
<pre>
	页面

	&lt;input type="button" onclick="abc()"  value="改变 id 为 one 的元素的背景色为 #0000FF 蓝色"  id="b1"/&gt;
	&lt;input type="button" onclick="abc1()"  value="改变 id 为 one 的元素的背景色为 红色"  id="b2"/&gt;
			 &lt;br/&gt;
			 
			 &lt;div id="one"  class="mini"&gt;
				 div id为one  
			 &lt;/div&gt;
			 &lt;div id="two"&gt;
				  div id为two
			 &lt;/div&gt;
			 
			 &lt;div id="three"  class="mini"&gt;
				 div id为three  
			 &lt;/div&gt;
			 
			 
			 &lt;span id="s_one"  class="mini"&gt;
				 span  one
			 &lt;/span&gt;
			  
			 &lt;span id="s_two"&gt;
				 span two
			 &lt;/span&gt;
	
			 js
	
			 &lt;script language="javascript"&gt;
		function abc() {
			document.getElementById("one").style.background = "#0000FF";
		}
		function abc1() {
			document.getElementById("one").style.background = "red";
		}
	&lt;/script&gt;




	 </pre>
	 <hr/>
	 <br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/> 
	 
	 {/block}
<!--底部js 在这里是js的实际代码区-->
{block name="footjs"}
<script language="javascript">
	function abc() {
		document.getElementById("one").style.background = "#0000FF";
	}
	function abc1() {
		document.getElementById("one").style.background = "red";
	}
</script> {/block}